<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>5秒自动关闭的广告</title>
    <style>
        img {
            position: fixed; /* 定位: 固定定位 */
            left: 0; /* 定位偏移量 */
            bottom: 0;
            
            height: 300px; /* 图片宽高 */
            width: 300px;
        }
    </style>
</head>
<body>

<!--
需求：5秒钟之后，广告自动消失
分析：
①：设置延时函数
②：隐藏元素
-->

<img src="./广告.png" alt="">

<script>
    // 获取DOM元素
    const img标签 = document.querySelector('img')

    // 使用延时器, 5秒以后隐藏广告图片
    setTimeout(function () {
        img标签.style.display = 'none' // 相关CSS属性, 显示:隐藏
    }, 5000)
</script>
</body>
</html>